<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>湖外湖</title>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <meta name="description" content="Portfolio Zoom Slider with jQuery" />

        <meta name="keywords" content="jquery, plugin, slider, zoom, portfolio, cloud-zoom"/>

		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>

        <link rel="stylesheet" type="text/css" href="css/style.css" />

		<link rel="stylesheet" type="text/css" href="cloud-zoom/cloud-zoom.css" />

		<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" />
      <script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/ChunkFive_400.font.js" type="text/javascript"></script>
	<style type="text/css">
	body{
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-family: Arial;
	}
	
	#container{
		width: 1368px;
		background: #f2f2f2;
		text-align: left;
		margin: 0px auto;

	  }
	  #hyh-bestup{
		  margin: 0px;
		  padding: 0px;
		  width:1368px;
		  height:42px;
		  background: #444444;
	  }
	  #hyh-bestup-down1{
		  margin: 0px ;
		  padding: 0px;
		  width:1368px;
		  height:42px;
		  background: #020202;
		  clear:both;
		  float:left;
		  line-height:42px;
	  }
	  #hyh-bestup-down1 li,#hyh-bestup-down1 li a{
		  float:left;
		  display: block;
		  text-align:center;
		  width:100px;
		  margin-left:125px;
		  padding:0px;
		  font-size:14px;
		  list-style-type: none;
		  text-decoration:none;
		  color:#FFF;
		  
	  }
	   #hyh-bestup-down2{
		  margin:0px;
		  padding:0px;
		  width:1368px;
		  height:1368px;
		  background:url(E:/javaEE/代码/hyh/WebContent/WEB-INF/images/background_all.png);
		  text-align:center;
		  position: relative;
		  float:left;
	  }
	   #hyh-bestup-down3{
		   margin:30px 30px 31px 27px;
		   padding:0px;
		   width:1315px;
		   height:1304px;
		   text-align:center;
		   float:left;
	   }
	   #hyh-bestup-down4{
		   width:1315px;
		   height:200px;
		   margin:25px 0px;
		   padding:0px;
		   float:left;
		   text-align:center;
		   
	   }
	   #hyh-bestup-down5{
		   width:200px;
		   height:200px;
		   background:url(E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food_back1.png);
		   margin-left:52px;
		   float:left;
		   
	   }
	   #hyh-bestup-down5 a{
	      list-style-type: none;
		  text-decoration:none;
		  color: #FFF
	   }
	  #hyh-bestup-down5 a:hover{
		  color:#000;
		  text-decoration:blink;
	  }
	   #hyh-bestup-down6{
		   width:150px;
		   height:150px;
		   background:url(E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food_back2.png);
		   margin:0px 25px 0px 25px;
		   float:left;
	   }
	   #hyh-bestup-down7{
		   width:150px;
		   height:20px;
		   float:left;
		   text-align:center;
		   line-height:20px;
		   margin-left:25px;
		   color:#FFF;
	   }
	   #hyh-bestup-down8{
		   width:150px;
		   height:30px;
		   text-align:center;
		   line-height:30px;
		   margin-left:25px;
		   float:left;
	   }
	   #hyh-bestup-down9{
		   width:98px;
		   height:24px;
		   float:left;
		   margin:3px 26px 3px 26px;
	   }
	   #hyh-bestup-down0{
		  line-height:37px;
		  padding: 0px;
		  width:180px;
		  height:37px;
		  background: #020202;
		  clear:both;
		  float:left;
		  margin: 10px 90px 10px 0px ;
	  }
	  #hyh-bestup-down01{
		  margin:-18px;
		  padding:0px;
		  height:42px;
		  line-height:42px;
	  }
	  #hyh-last{
		   width:150px;
		   height:150px;
		   background:url(E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food_back2.png);
		   margin:0px;
		   float:left;
	  }
	  #hyh-last2 a{
	      list-style-type: none;
		  text-decoration:none;
		  color: #FFF
	   }
	  #hyh-last2 a:hover{
		  color:#000;
		  text-decoration:blink;
	  }
	  #hyh-last2{
		  
		   width:200px;
		   height:200px;
		   background:url(E:/javaEE/代码/hyh/WebContent/WEB-INF/images/food_back1.png);
		   margin-left:527px;
		   float:left;
		   
		   
	   }
	  #hyh-bestup-down1 ul li a:hover{
		  color:#a6a6a6;
		  text-decoration:blink;
	  }
	   #banner{
		  overflow: hidden;
		  }
	  #clear{
		  width:1368px;
		  height:0px;
		  clear:both;
	  }
	   #footer_line{
		  width:1268px;
		  border: 1px solid #b2b2b2;
		  margin:20px 100px 2px 100px;
		  padding:0px;
		  float:left;
		  clear:both;
	  }
	  #footer{
		  width:1368px;
		  height:12px;
		  margin:5px 100px;
		  float: left;
		  clear: both;
	  }
	  #footer_left{
		  width:230px;
		  height:12px;
		  margin:0px;
		  padding:3px;
		  float:left;
		  clear:both;
	  }
	  #footer_right{
		  width:800px;
		  height:14px;
		  margin:0px;
		  padding:0px;
		  float:left;
	  }
	  #last{
	  	margin:100px;
	  	width:1315px;
	  	height:20px;
	  	text-align:center;
	  	line-height:20px;
	  }
	  #last a{
	      list-style-type: none;
		  text-decoration:none;
		  color: #FFF
	   }
	  #last a:hover{
		  color:#000;
		  text-decoration:blink;
	  }
	  #change{
	  
	  }
	  #change a{
	      list-style-type: none;
		  text-decoration:none;
		  color: #208f04
	   }
	  #change a:hover{
		  color:#FFF;
		  text-decoration:blink;
	  }
	   .left{
            float: left;
        }
        /*公用left*/
        .w{
            width: 96px;
            border: 1px solid #2dbd05;
            height: 22px;
        }
        .jia{
            text-align: center;
            line-height: 22px;
            height: 22px;
            width: 22px;
            cursor: pointer;
			background:#58f301
        /*鼠标放上去时，变成小手*/
        }
        .text{
            height: 22px;
            width: 50px;
            padding: 0;
            border: 0;
            border-left: 1px solid #2dbd05 ;
            border-right: 1px solid #2dbd05 ;
			background: #9dff65;
        }
	</style>
</head>
<body>
<div id="container">
	<div id="hyh-bestup">
    </div>
    <div id="hyh-bestup-down1">
	<ul>
		<div id="hyh-bestup-down0">
		<li><a href="own.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/hyh_text.png"></a></li>
		</div>
        <div id="hyh-bestup-down01">
		<li><a href="everybody.html">大众登录</a></li>
		<li><a href="#">VIP登录</a></li>
		<li><a href="#">关于我们</a></li>
        </div>
	</ul>
    </div>
    <div id="clear"></div>
    <div id="hyh-bestup-down2"> 
   	  <div id="hyh-bestup-down3">
        <div id="hyh-bestup-down4">
        	<div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                灯影牛肉
                </div>
            	<div id="hyh-bestup-down6">
                	<a href="#"><img onclick="window.location.href='hyh/xq3'" src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/1.png"/></a> 
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div> 
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                夫妻肺片
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq7.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/2.png"/></a>
                </div> 
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                冬阴功汤
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq10.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/3.png"/></a>
                
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                佛跳墙
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq8.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/4.png"/></a>
                </div> 
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                红烧狮子头
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq9.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/5.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>          
            </div>
            <div id="hyh-bestup-down4">
        	<div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                毛血旺
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq12.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/6.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div> 
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                松鼠鳜鱼
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq1.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/7.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                东坡肉
                </div> 
            	<div id="hyh-bestup-down6">
                <a href="xq2.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/8.png"/></a>
                </div>
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                酸菜鱼
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq11.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/9.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                灯影牛肉
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq3.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/1.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>          
            </div>
            <div id="hyh-bestup-down4">
        	<div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                佛跳墙
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq8.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/4.png"/></a>
                </div> 
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div> 
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                毛血旺
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq12.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/6.png"/></a>
                </div> 
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                冬阴功汤
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq10.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/3.png"/></a>
                </div> 
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                夫妻肺片
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq7.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/2.png"/></a>
                </div> 
               <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                红烧狮子头
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq9.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/5.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>          
            </div>
            <div id="hyh-bestup-down4">
        	<div id="hyh-bestup-down5">
                 <div id="hyh-bestup-down7">
                东坡肉
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq2.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/8.png"/></a>
            </div> 
            <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                冬阴功汤 
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq10.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/3.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>
            <div id="hyh-bestup-down5">
              <div id="hyh-bestup-down7">
                灯影牛肉
                </div>
            	<div id="hyh-bestup-down6">
                <a href="xq3.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/1.png"/></a>
                </div> 
              <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
            <div id="hyh-bestup-down7">
                红红烧狮子头
                </div>

            	<div id="hyh-bestup-down6">
                <a href="xq9.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/5.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>   
            <div id="hyh-bestup-down5">
             <div id="hyh-bestup-down7">
                松鼠鳜鱼
                </div>
            	<div id="hyh-bestup-down6">
            	
                <a href="xq1.html"><img src="E:/javaEE/代码/hyh/WebContent/WEB-INF/images/7.png"/></a>
                </div> 
                <div id="hyh-bestup-down8">
                     <div id="hyh-bestup-down9">
                      <div class="w">
    					<div class="jia left">-</div>
        			<input type="text" class="text left"/>
    				    <div class="jia left">+</div>
                      </div>
                     </div>
                    </div>
            </div>          
            </div>
            <!-- 可添加项 -->
            <div id="hyh-last2">
        	<div id="hyh-bestup-down5">
        		
        	<table>
        		<c:forEach var="hyh" items="${hyhs}">
        		<tr></tr><tr></tr><tr></tr>
        		<tr><td><a href="hyh/${hyh.id}">${hyh.title}</a></td></tr>
        		<tr><td><center><img src="${hyh.img}"/></center></td></tr>	
        		<tr></tr><tr></tr><tr></tr>
        		<tr><td><a href="hyh/edit?id=${hyh.id }" style="margin:0px -100px 0px 0px">修改</a></td>	
				<td><a href="hyh/delete?id=${hyh.id}">删除</a></td>
				</tr>
        		</c:forEach>       
        		                             
        	</table>
            	
            </div>          
            <div id="change"><a href="hyh/add"><h1>+</h1></a></div>
            </div>
            
        </div>
      </div>
  </div>
</body>
</html>
